<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>



	</view>

	<!-- 组件式导航 -->
	<!-- <navigator url="/subpages/subpagetest/subpagetest?name=111&id=222" hover-class="navigator-hover">
		<button type="default">跳转到新页面</button>
	</navigator> -->

	<!-- 配置了tarBar跳转就要用 switchTab来跳转 -->
	<!-- 不支持 queryString 傳參 -->
	<!-- <navigator url="/pages/manager/manager" open-type="switchTab" hover-class="other-navigator-hover">
		<button type="default">跳转tab页面</button>
	</navigator> -->

	<!-- 在當前頁面打開 -->
	<!-- <navigator url="/subpages/subpagetest/subpagetest?name=111&id=222" open-type="redirect"
		hover-class="other-navigator-hover">
		<button>在当前页打开</button>
	</navigator> -->


	<!-- 组件式导航 -->
	<navigator url="/subpages/podinformer/podinformer" hover-class="navigator-hover">
		<button type="default">查看pod信息</button>
	</navigator>

	<!-- 组件式导航 -->
	<navigator url="/subpages/manualUpdate/manualUpdate" hover-class="navigator-hover">
		<button type="default">批量更新鏡像</button>
	</navigator>
	
	<!-- 组件式导航 -->
	<navigator url="/subpages/updateBranch/updateBranch" hover-class="navigator-hover">
		<button type="default">更新分支信息</button>
	</navigator>

	<!-- 編程式导航 -->
	<!-- <button v-if="showBackButton" @click="goToMainSite">返回主站点</button> -->
	<!-- #ifdef WEB -->
	<button @click="goToMainSite">返回主站点</button>
	<!-- #endif -->


</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				showBackButton: false
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			console.log("option.id: ", option.id); //打印出上个页面传递的参数。
			console.log("option.name: ", option.name); //打印出上个页面传递的参数。
		},
		mounted() {
			// 判断当前是否运行在 H5 环境
			const platform = uni.getSystemInfoSync().platform; // 'devtools' | 'android' | 'ios' | 'web'
			console.log("platform: ", platform)
			this.showBackButton = platform === 'windows'; // 只有 H5 平台才显示
			if (process.env.NODE_ENV === 'development') {
				console.log('开发环境', import.meta.env.VITE_SOME_KEY); // 发布到生产环境时，此处代码会被摇树移除掉。
			} else {
				console.log('生产环境');
			}
			// #ifdef WEB
			this.title =  import.meta.env.VITE_SOME_KEY
			console.log('开发环境h5', process.env);
			// #endif
			// #ifdef MP-WEIXIN
			this.title = import.meta.env.VITE_SOME_KEY
			console.log('开发环境wx', import.meta.env.VITE_SOME_KEY);
			// #endif
		},
		methods: {
			goToMainSite() {
				// 推荐使用 replace，避免用户后退又回到 H5 页面
				window.location.replace('https://ops.qljy.com');
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>